@import "../../common/common";
.register {
  width: 100%;
  height: 100%;
  /* mark 层 */
  .mark {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 0;
    background-image: url('../../../imgs/register-bg.jpg');
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .content {
    position: relative;
    z-index: 1;
    /* logo 盒子 */
    .logo-wrap {
      @include wh(px2rem(151), px2rem(151));
      margin: px2rem(135) auto px2rem(114);
    }
    /* 注册内容  */
    .rigister-wrap {
      background: #fff;
      @include borderRadius(px2rem(3));
      form {
        div.input-wrap {
          border-bottom: px2rem(2) solid #cccccc;
          margin-bottom: px2rem(50);
          height: px2rem(77);
          //padding-bottom: px2rem(10);
          input {
            border: none;
            height: 100%;
            line-height: 100%;
            @include sc(px2rem(24), #4d4c4c);
          }
          i {
            display: inline-block;
            @include hl(px2rem(77));
            width: px2rem(60);
            color: #abb7be;
            padding-left: px2rem(10);
          }
          button {
            border: px2rem(2) solid #42acff;
            height: px2rem(60);
            background-color: #ffffff;
            @include borderRadius(px2rem(30));
            padding: 0 px2rem(42);
          }
          &.verification-code,&.phone {
            position: relative;
            input {
              width: 100%;
              padding-left: px2rem(60);
              padding-right: px2rem(211);
            }
            i {
              position: absolute;
              left: 0;
            }
            button {
              position: absolute;
              right: 0;
              top: 0;
              @include sc(px2rem(22), #666666);
            }
          }
        }
      }
      margin: 0 px2rem(35);
      padding: px2rem(70) px2rem(100);
      .button-warp {
        margin: 0 px2rem(60);
        button {
          width: 100%;
          background-color: $color_b;
          border: none;
          height: px2rem(80);
          @include borderRadius(px2rem(40));
          @include sc(px2rem(30), #FFF);
          box-shadow: 1px 1px 1px #4b92d5;
        }
      }
    }
  }
}
